<div class="container-fluid">
	<div class="row">
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0 "></div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0 ">
			<h1 class="text-center">bootstrap目录索引</h1>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0 "></div>

	</div>

	<div class="row">
			<!--下面 胶囊菜单开始-->
			<ul class="nav nav-pills">
				{volist name='thinkphp_caidan' id="vo"}
	
				<li>
					<a href="#{$vo.idname}" data-toggle="tab">{$vo.content}
						<span style="color:red"> {$vo.id} </span>
					</a>
				</li>
				{/volist}
	
	
			</ul>
			<!--上面 胶囊菜单结束-->
	
	
			<!--下面 胶囊的内容 开始
			-@erji_neirong（ 二级内容）
			-
			-->
			<div class="tab-content" style="padding: 10px;">
					{foreach name="erji_neirong" item="vo" key="key1"}
			
				<div class="tab-pane fade " id="{$vo.idname}">
					<table class="table table-hover">
						<thead>
							<tr>
								<th>内容</th>
								<th>家地址</th>
							
								<th>打开</th>
	
							</tr>
						</thead>
						<tbody>
	
								{volist name="vo['data']" id="i"}
							<tr>
								<td>{$i.content}</td>
								<td>{$i.address}</td>
								
								<td>
									<a href="__ROOT__/{$i.url}" target="_blank">打开</a>
								</td>
	
							</tr>
							{/volist}
						</tbody>
					</table>
				</div>
			
				{/foreach}
			</div>
		</div>
	
		<!--上面 胶囊的内容 结束 二级-->
	</div>
</div>